@import url(https://fonts.googleapis.com/css?family=Open+Sans);

* {
    box-sizing: border-box;
}

body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
    background: #efefef;

    display: flex;
    justify-content: center;
}

h1 {
    margin-bottom: 15px;
}

a {
    color: #2e8bcc;
    text-decoration: none;
    cursor: pointer;
}

code {
    font-family: Consolas, Menlo, Monaco, monospace;
}

.text code {
    background-color: #efefef;
    padding: 1px 5px;
}

pre {
    margin: 0;
    padding: 5px;
    background-color: #efefef;
}

pre code {
    padding: 0;
}

.disclaimer {
    background-color: #ffeb90;
}

section {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow:
        0 1px 3px rgba(0,0,0,0.12),
        0 1px 2px rgba(0,0,0,0.24);
    transition: box-shadow 1s cubic-bezier(.25,.8,.25,1);
}

section:first-child {
    margin-top: 10px;
}

section:target {    
    box-shadow:
        0 10px 20px rgba(0,0,0,0.19),
        0 6px 6px rgba(0,0,0,0.23);
}

section header {
    margin-bottom: 10px;
}

section .content {
    padding-left: 20px;
}

p:first-child {
    margin-top: 0;
}

p:last-child {
    margin-bottom: 0;
}

.text {
    margin-bottom: 10px;
}
